<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:replace="layouts::header"></head>

<body>
<nav th:replace="layouts::navbar"></nav>
<div class="container">
    <h4>音乐列表</h4>
    <hr>
    <!-- 新增歌曲按钮-->
    <a th:href="@{/musics/new}" class="btn btn-primary btn-sm mb-3">添加音乐类别</a>
    <br>
    <table class="table-bordered table-striped">
        <thead class="thead-dark">
        <tr>
            <th>音乐类别名称</th>
            <th>推荐歌手或团队</th>
            <th>备注</th>
            <th>音乐类别描述</th>
        </tr>
        </thead>
        <tbody>
        <tr th:each="aMusic : ${musics}">
            <td th:text="${aMusic.name}"></td>
            <td th:text="${aMusic.singer}"></td>
            <td th:text="${aMusic.category}"></td>
            <td th:text="${aMusic.description}"></td>

        </tr>
        </tbody>
    </table>
</div>


</body>
</html>